<template>
  <div class="main" style="padding-top: 50px">
    <!-- :thumb="`http://liufusong.top:8080${userInfo.houseImg}`" -->
    <van-card
      :price="`${userInfo.price}元/月`"
      :desc="userInfo.title"
      :title="userInfo.desc"
      :thumb="`http://liufusong.top:8080${userInfo.houseImg}`"
    >
      <template #tags>
        <van-tag
          plain
          type="danger"
          v-for="(itms, index) in userInfo.tags"
          :key="index"
          >{{ itms }}</van-tag
        >
      </template>
    </van-card>
    <van-divider />
  </div>
</template>

<script>
export default {
  props: {
    userInfo: {
      type: Object,
      default: () => ({})
    }
  }
}
</script>

<style scoped lang="less">
.main {
  padding-top: unset !important;
  :deep(.van-card) {
    background-color: #fff;
  }
  :deep(.van-divider) {
    margin: 0 auto;
    width: 90%;
  }
}
</style>
